import React from 'react';
import { Row, Col, Table, InputNumber, Button } from 'antd'

import '../../../assets/css/Sale/AddOrder/Inventory.sass';

const columns = [
    {
        title: '商品名称',
        dataIndex: 'address',
    },
    {
        title: '单位/大单位',
        dataIndex: 'number',
    },
    {
        title: '数量',
        dataIndex: 'address',
    },
    {
        title: '小单位价格',
        dataIndex: 'address',
    },
    {
        title: '数量',
        dataIndex: 'number',
    },
    {
        title: '金额',
        dataIndex: 'address',
    },
    {
        title: '有效期至',
        dataIndex: 'address',
    }, {
        title: '商品类型',
        dataIndex: 'address',
    }, {
        title: '操作',
        dataIndex: 'aaa',
    },
];

const data = [];

for (let i = 0; i < 7; i++) {
    data.push({
        key: i,
        name: 11,
        age: 32,
        address: `1234`,
        number: <InputNumber min={1} max={10} defaultValue={5} />,
        aaa: <div id='Operation'>
            <Button type="text" className='red'>删除</Button>
        </div>
    });
}



function AddInformation() {
    return (
        <div id='AddDetails'>
            <Row>
                <Col span={6}>
                    <span>商品明细</span>
                </Col>
            </Row>
            <Table columns={columns} dataSource={data} />
            <div className='total'>
                <span className='quantityTitle'>商品共：<span className='quantity'>111</span></span>
                <span className='quantityTitle'>金额合计：<span className='quantity'>111</span></span>
            </div>
        </div>
    )
}

export default AddInformation